<template>
    <div class="my-breadcrumb">
        <el-breadcrumb :separator-icon="ArrowRight" >
            <el-breadcrumb-item v-for="(item) in breadcrumb">{{item}}</el-breadcrumb-item>
        </el-breadcrumb>
        <el-divider />
    </div>
</template>

<script>
import {ArrowRight} from '@element-plus/icons-vue'
export default {
    name: "MyBreadcrumb",
    props: {
        breadcrumb: {
            type: Array,
            default: []
        }
    },
    setup(){
        return{
            ArrowRight
        }
    },
}
</script>

<style scoped>
*{
    /*border: 1px solid;*/
}
.my-breadcrumb{

}
.el-breadcrumb{
    font-size: 16px;
    padding: 10px 10px 0;
}
.el-divider{
    margin-bottom: 4px;
    margin-top: 20px;
}
</style>